<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    ul {
        margin:0;
    }
    li {
        list-style: none;
        text-align: center;
        border-radius: 5px;
        background: skyblue;
    }
    li {
        width: 30%;
        margin-left: 10px;
        margin-top: 10px;
        height: 200px;
        float: left;
    }
</style>
<body>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
</ul>
</body>
</html>
